<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="common/header.jsp"%>
<div class="clearfix"></div>
<div class="row">
	<div class="col-md-12">
		<div class="x_panel">
			<div class="x_title">
				<h2>
					APP 信息管理维护 <i class="fa fa-user"></i><small>${devUserSession.devName}
						- 您可以通过搜索或者其他的筛选项对APP的信息进行修改、删除等管理操作。^_^</small>
				</h2>
				<div class="clearfix"></div>
			</div>
			<div class="x_content">
				<form method="post" name="form1" id="form1" action="searchAppInfo">
					<input type="hidden" id="setPage" name="page" value="1" />
			    <ul>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">软件名称</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<input name="querySoftwareName" type="text" class="form-control col-md-7 col-xs-12" value="${condition.querySoftwareName }">
							</div>
						</div>
					</li>
					
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">APP状态</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select id="queryStatus" name="queryStatus" class="form-control">
									<option value="">请选择</option>
								</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">所属平台</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select id="queryFlatformId" name="queryFlatformId" class="form-control">
									   <option value="">--请选择--</option>
        						</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">一级分类</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
								<select id="queryCategoryLevel1" name="queryCategoryLevel1" class="form-control">
									   <option value="">--请选择--</option>
        						</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">二级分类</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
							<input type="hidden" name="categorylevel2list" id="categorylevel2list"/>
        						<select name="queryCategoryLevel2" id="queryCategoryLevel2" class="form-control">
									   <option value="">--请选择--</option>
        						</select>
							</div>
						</div>
					</li>
					<li>
						<div class="form-group">
							<label class="control-label col-md-3 col-sm-3 col-xs-12">三级分类</label>
							<div class="col-md-6 col-sm-6 col-xs-12">
        						<select name="queryCategoryLevel3" id="queryCategoryLevel3" class="form-control">
									   <option value="">--请选择--</option>
        						</select>
							</div>
						</div>
					</li>
					<li><button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询 </button></li>
				</ul>
			</form>
		</div>
	</div>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
	<div class="x_panel">
		<div class="x_content">
			<p class="text-muted font-13 m-b-30"></p>
			<div id="datatable-responsive_wrapper"
				class="dataTables_wrapper form-inline dt-bootstrap no-footer">
				<div class="row">
					<div class="col-sm-12">
					<a href="${pageContext.request.contextPath}/jsp/developer/appinfoadd.jsp" class="btn btn-success btn-sm">新增APP基础信息</a>
						<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
							cellspacing="0" width="100%" role="grid" aria-describedby="datatable-responsive_info" style="width: 100%;">
							<thead>
								<tr role="row">
									<th class="sorting_asc" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="First name: activate to sort column descending"
										aria-sort="ascending">软件名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										APK名称</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										软件大小(单位:M)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属平台</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										所属分类(一级分类、二级分类、三级分类)</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										状态</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										下载次数</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										aria-label="Last name: activate to sort column ascending">
										最新版本号</th>
									<th class="sorting" tabindex="0"
										aria-controls="datatable-responsive" rowspan="1" colspan="1"
										style="width: 124px;"
										aria-label="Last name: activate to sort column ascending">
										操作</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach var="appInfo" items="${pageInfo.list }" varStatus="status">
									<tr role="row" class="odd">
										<td tabindex="0" class="sorting_1">${appInfo.softwarename}</td>
										<td>${appInfo.apkname }</td>
										<td>${appInfo.softwaresize }</td>
										<td>${appInfo.ptname }</td>
										<td>${appInfo.cate1 } -> ${appInfo.cate2 } -> ${appInfo.cate3 }</td>
										<td>${appInfo.statu }</td>
										<td>${appInfo.downloads }</td>
										<td>${appInfo.versionid }</td>
										<td>

											<div class="btn-group">
												<button type="button" class="btn btn-danger">点击操作</button>
												<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
													<span class="caret"></span>
													<span class="sr-only">Toggle Dropdown</span>
												</button>
												<ul class="dropdown-menu" role="menu">
													<c:if test="${appInfo.status==2 || appInfo.status==5}">
														<li>
															<a class="saleSwichOpen" saleSwitch="open"  data-toggle="tooltip" data-placement="top" title="" data-original-title="恭喜您，您的审核已经通过，您可以点击上架发布您的APP">上架</a>
														</li>
													</c:if>
													<c:if test="${appInfo.status==2 || appInfo.status==4}">
													<li>
														<a class="saleSwichClose" saleSwitch="close"  data-toggle="tooltip" data-placement="top" title="" data-original-title="您可以点击下架来停止发布您的APP，市场将不提供APP的下载">下架</a>
								z					</li>
													</c:if>

													<li><a class="addVersion" data-toggle="tooltip" href="${pageContext.request.contextPath}/goAppVersion?id=${appInfo.id}" data-placement="top" title="" data-original-title="新增APP版本信息">新增版本</a>
													</li>
													<li><a class="modifyVersion"
														   data-toggle="tooltip" data-placement="top" title="" data-original-title="修改APP最新版本信息">修改版本</a>
													</li>

													<c:if test="${appInfo.status==1 || appInfo.status==3}">
													 <li><a  href="${pageContext.request.contextPath}/getAppInfo?id=${appInfo.id}" class="modifyAppInfo" data-toggle="tooltip" data-placement="top" title="" data-original-title="修改APP基础信息">修改</a></li>
													</c:if>

													<li><a  class="viewApp"  data-toggle="tooltip" data-placement="top" title="" data-original-title="查看APP基础信息以及全部版本信息">查看</a></li>
													<li><a  class="deleteApp" appid="${appInfo.id}" olpath="${appInfo.logopicpath}"  data-toggle="tooltip" data-placement="top" title="" data-original-title="删除APP基础信息以及全部版本信息">删除</a></li>
												</ul>

											</div>

										</td>

									</tr>
								</c:forEach>
							</tbody>
						</table>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-5">
						<div class="dataTables_info" id="datatable-responsive_info"
							role="status" aria-live="polite">共${pageInfo.total }条记录
							${pageInfo.pageNum }/${pageInfo.pages }页</div>
					</div>
					<div class="col-sm-7">
						<div class="dataTables_paginate paging_simple_numbers"
							id="datatable-responsive_paginate">
							<ul class="pagination">
								<c:if test="${pageInfo.pageNum > 1}">
									<li class="paginate_button previous"><a
										href="javascript:goPage(1);"
										aria-controls="datatable-responsive" data-dt-idx="0"
										tabindex="0">首页</a>
									</li>
									<li class="paginate_button "><a
										href="javascript:goPage(${pageInfo.pageNum-1});"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">上一页</a>
									</li>
								</c:if>
								<c:if test="${pageInfo.pageNum < pageInfo.pages }">
									<li class="paginate_button "><a
										href="javascript:goPage(${pageInfo.pageNum+1 });"
										aria-controls="datatable-responsive" data-dt-idx="1"
										tabindex="0">下一页</a>
									</li>
									<li class="paginate_button next"><a
										href="javascript:goPage(${pageInfo.pages });"
										aria-controls="datatable-responsive" data-dt-idx="7"
										tabindex="0">最后一页</a>
									</li>
								</c:if>
							</ul>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
</div>
<%@include file="common/footer.jsp"%>
<script language="JavaScript">
	$(function(){   //加载事件
        //1.发送异步请求加载app状态
		//$.get("服务器地址",参数,回调回调,"json");
        $.get("${pageContext.request.contextPath}/getAppStateData",null,function(data){
            //循环数据生成option添加下拉列表
			for(var i=0;i<data.length;i++){
                var option=$("<option value='"+data[i].valueid+"'>"+data[i].valuename+"</option>");
                $("#queryStatus").append(option);
			}
            //设置默认选中项
            $("#queryStatus").val(${condition.queryStatus});
		},"json");
        //2.发送异步请求加载平台
        $.get("${pageContext.request.contextPath}/getAppPtData",null,function(data){
            //循环数据生成option添加下拉列表
            for(var i=0;i<data.length;i++){
                var option=$("<option value='"+data[i].valueid+"'>"+data[i].valuename+"</option>");
                $("#queryFlatformId").append(option);
            }
            //设置默认选中项
            $("#queryFlatformId").val(${condition.queryFlatformId});
        },"json");

        //3.发送异步请求加载一级分类
        $.get("${pageContext.request.contextPath}/getCategory",null,function(data){
            //循环数据生成option添加下拉列表
            for(var i=0;i<data.length;i++){
                var option=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                $("#queryCategoryLevel1").append(option);
            }
            //设置默认选中项
            $("#queryCategoryLevel1").val(${condition.queryCategoryLevel1});
            //通过选中项查询对应的二级类别进行加载
            loadTwoCatagory();

        },"json");

        //4.当选择一级分类时，触发onchange事件加载二级分类:(二级联动效果)
		$("#queryCategoryLevel1").change(loadTwoCatagory);


        //5.当选择二级分类时，触发onchange事件加载三级分类:(二级联动效果)
        $("#queryCategoryLevel2").change(loadThreeCatagory);



        //删除
        $(".deleteApp").click(function () {
            let appid = $(this).attr("appid");
            let olpath = $(this).attr("olpath");
            if (confirm("您确认要删除吗?")){
                location.href="${pageContext.request.contextPath}/deleteAppInfo?id="+appid+"&olpath="+olpath;
            }
        });


	});

	//加载二级菜单
	function loadTwoCatagory(){
            //1.获取一级分类值
            var parentId=$("#queryCategoryLevel1").val();
            //2.发送异步请求通过分类的id查询子类
            //参数的格式:{"请求参数名称":参数值,"请求参数名称":参数值...}
            $("#queryCategoryLevel2>option:gt(0)").remove();//清空原有项
            $("#queryCategoryLevel3>option:gt(0)").remove();//清空原有项
            if(parentId!="")
            {
                $.get("${pageContext.request.contextPath}/getCategory",{"parentid":parentId},function(data){
                    //循环数据生成option添加下拉列表
                    for(var i=0;i<data.length;i++){
                        var option=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                        $("#queryCategoryLevel2").append(option);
                    }

					//设置二级菜单选中项
                    $("#queryCategoryLevel2").val(${condition.queryCategoryLevel2});
                    //自动加载当前类别子类
                    loadThreeCatagory();

                },"json");
            }
        }

        //加载三级类别
    function loadThreeCatagory(){  //绑定事件
        //1.获取二级分类值
        var parentId=$("#queryCategoryLevel2").val();
        //2.发送异步请求通过分类的id查询子类
        //参数的格式:{"请求参数名称":参数值,"请求参数名称":参数值...}
        $("#queryCategoryLevel3>option:gt(0)").remove();//清空原有项
        if(parentId!="")
        {
            $.get("${pageContext.request.contextPath}/getCategory",{"parentid":parentId},function(data){
                //循环数据生成option添加下拉列表
                for(var i=0;i<data.length;i++){
                    var option=$("<option value='"+data[i].id+"'>"+data[i].categoryname+"</option>");
                    $("#queryCategoryLevel3").append(option);
                }
                //设置三级类别的选中项
                $("#queryCategoryLevel3").val(${condition.queryCategoryLevel3});
            },"json");
        }
    }

    //分页跳转方法
	function goPage(num){
	     //设置页码到表单中,使用隐藏域的表单对象进行存放
  			$("#setPage").val(num);
		 //提交表单
		    $("#form1").submit();
	}

</script>